<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
		<link rel="stylesheet" type="text/css" href="./public/Home/css/cait.css"/>
		<link rel="stylesheet" type="text/css" href="./public/Home/css/gwc.css"/>
		<script type="text/javascript" src="public/Home/js/jquery-1.8.3.min.js"></script>
	</head>
	<body>
		<!--顶部个人信息开始-->
		<div id="toolbar">
			<div class="toolbar-box">
				<div class="right-flow">
					<a href="">帮助中心</a>
				</div>
				<div class="right-login">
					<em id="tblogin">
						<span>您好,</span>
						<div class="dropdown">
							<span class="username">
								<a  href="">yi块香豆腐</a>
								<i></i>
							</span>
							<a class="icon-level" href=""></a>
							<ul class="dropdown-menu">
								<li><a href="">我的收藏</a></li>
								<li><a href=""></a></li>
								<li><a href="">账号信息</a></li>
								<li><a href="">我的订单</a></li>
								<li><a href="">消费保障</a></li>
								<li><a href="">我的积分</a></li>
								<li><a href="">优惠券</a></li>
								<li><a href="">我的等级</a></li>
								<li><a href="">退出</a></li>
								<li><a href="">我的抽奖</a></li>
							</ul>
						</div>
						&nbsp;|
						<a class="myzhe" href="">我的订单</a>
						&nbsp;|
						<a class="msg" href="">我的消息<i class="msg-numg"></i></a>
						<div class="msg-tips">
							<span>2016年4月6日起，折800会员积分体系即将全面升级，敬请期待，<a href="">查看详情</a>...</span>
							<i class="up-arr"></i>
							<i class="close-tips"></i>
						</div>
					</em>
					<div class="hidden"></div>
					&nbsp;|
					<div class="dropdown-minicart">
						<span class="cart">
							<a href="">
								<i></i>
								购物车
								<b class="count">2</b>
							</a>
						</span>
						<div class="dropdown-menu"></div>&nbsp;|
					</div>
					
				</div>
				<div class="rightp">
					<a href="">团800旗下网站</a>
					&nbsp;|&nbsp;
				</div>
			</div>
		</div>
		<!--顶部个人信息结束-->
		<!--logo开始-->
		<div class="bac-box">
			<div class="censt-box">
				<div class="logos">
					<a href=""><img src="./public/Home/img/new_logo4_71687.png" alt="" /></a>
				</div>
				<div class="right-xl"></div>
			</div>
		</div>
		<!--logo结束-->
		<!--购物车开始-->
		<article class="carts">
			<div class="cart_panel_wrapper">
				<div class="title-l">
					<div class="rigst"></div>
					<p class="lbs">
						购物车
						<b class="counst"><i>1</i></b>
					</p>
				</div>
				<section class="foom">
					<div class="gwc" style=" margin:auto;">
						<table cellpadding="0" cellspacing="0" class="gwc_tb1">
							<tr>
								<td class="tb1_td1">
									<input id="Checkbox1" type="checkbox"  class="allselect"/>
								</td>
								<td class="tb1_td1">全选</td>
								<td class="tb1_td3">商品</td>
								<td class="tb1_td4">单价(元)</td>
								<td class="tb1_td5">数量</td>
								<td class="tb1_td6">金额</td>
								<td class="tb1_td7">操作</td>
							</tr>
							<div class="hd">
								<div class="sf"></div>
								<div class="cg"></div>
								<p class="cb"style="width: 40px;">
									<i>
										<label for=""></label>
										<input type="checkbox" />
									</i>
								</p>
								<div class="lk">
									<a href="">
										<i></i>
										<span>恒裕运动特卖店</span>
									</a>
									<span class="im-icon">
										<iframe src="http://im.zhe800.com/init.html?&amp;type=buyer&amp;width=80&amp;busUid=1381669%230&amp;statetxt=%E5%9C%A8%E7%BA%BF%E5%92%A8%E8%AF%A2%3A%E7%A6%BB%E7%BA%BF%E7%95%99%E8%A8%80&amp;refer=http%3A%2F%2Fcart.zhe800.com%2Fcart" frameborder="no" scrolling="no" style="border: none; width: 80px; height: 24px;"></iframe>
									</span>
								</div>
							</div>
						</table>
							   
						<!---商品加减算总数---->
						<script type="text/javascript">
						$(function () {
							var t = $("#text_box1");
							$("#add1").click(function () {
								t.val(parseInt(t.val()) + 1)
								setTotal(); GetCount();
							})
							$("#min1").click(function () {
								t.val(parseInt(t.val()) - 1)
								setTotal(); GetCount();
							})
							function setTotal() {
					
								$("#total1").html((parseInt(t.val()) * 158).toFixed(2));
								$("#newslist-1").val(parseInt(t.val()) * 158);
							}
							setTotal();
						})
						</script>
						<table cellpadding="0" cellspacing="0" class="gwc_tb2">
							<tr>
								<td class="tb2_td1">
									<input type="checkbox" value="1" name="newslist" id="newslist-1" />
								</td>
								<td class="tb2_td2">
									<a href=""><img src="public/Home/img/800x800.5f9934d3dfeaf8ac5974040c5d9b31b7.100x100.jpg" alt="" /></a></td>
								<td class="tb2_td3 shpo">
									{{foreach from="$data['goods']"  value="$v"}}
									<a href="#">{{$v['name']}}</a>
									{{endforeach}}
									<em class="return" title="本商品支持8天无理由退货"></em>
									<em class="audito" title="本商品由折800买手砍价"></em>
									<div class="type">
										<div data-prop="sku-desc">颜色: {{$v['options']['color']}}</div>
										<div data-prop="sku-desc">尺码: {{$v['options']['size']}}</div>
									</div>
								</td>
								<td class="tb1_td4">
									 <div class="price">
									 	{{foreach from="$data['goods']"  value="$v"}}
					                    <p style="color: #F01E1E;">{{$v['price']}}</p>
					                    {{endforeach}}
					                    <p><del data-price="original"></del>
					                    <span class="time_z tz1">(<span class="discount">3.3</span>折)</span>
					                    </p>
					                </div>
								</td>
								<td class="tb1_td5">
									<input id="min1" name=""  style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="-" />
									<input id="text_box1" name="" type="text" value="1" style=" width:30px; text-align:center; border:1px solid #ccc;" />
									<input id="add1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="+" />
								</td>
								<td class="tb1_td6">
									<label id="total1" class="tot" style="color:#ff5500;font-size:14px; font-weight:bold;"></label>
									</td>
								<td class="tb1_td7"><a href="#" names="">删除</a></td>
							</tr>
						</table>
						
						<!---总数---->
						<script type="text/javascript">
						$(function () {
							$(".quanxun").click(function () {
								setTotal();
							});
							function setTotal() {
								var len = $(".tot");
								var num = 0;
								for (var i = 0; i < len.length; i++) {
									num = parseInt(num) + parseInt($(len[i]).text());
					
								}
								$("#zong1").text(parseInt(num).toFixed(2));
								$("#shuliang").text(len.length);
							}
						})
						</script>
						<table cellpadding="0" cellspacing="0" class="gwc_tb3">
							<tr>
								<td class="tb1_td1"><input id="checkAll" class="allselect" type="checkbox" /></td>
								<td class="tb1_td1">全选</td>
								<td class="tb3_td1">
									<input id="invert" type="checkbox" />反选
									<input id="cancel" type="checkbox" />取消
								</td>
								<td class="tb3_td2">共 <label id="shuliang" style="color:#ff5500;font-size:14px; font-weight:bold;">0</label> 件</td>
								<td class="tb3_td3">合计(不含运费):<span>￥</span><span style=" color:#ff5500;"><label id="zong1" style="color:#ff5500;font-size:14px; font-weight:bold;"></label></span></td>
								<td class="tb3_td4"><span id="jz1">结算</span><a href="{{U('order/index')}}" style=" display:none;"  class="jz2" id="jz2">结算</a></td>
							</tr>
						</table>
					
					</div>
			</div>
			<!--商品-->
			<section class="rec-sp">
				<div class="hp">
					<span>您可能还需要</span>
				</div>
				<ul>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
					<li>
						<a href=""><img src="./public/Home/img/700x700.d5d53d75d47a58d4c74b94a0814a57f6.180x180.jpg.webp"/></a>
						<h3><a href="">【优品汇】可水洗牛津布被子收纳袋</a></h3>
						<p><b>￥7.3</b>已售26333个</p>
					</li>
				</ul>
			</section>
		</article>
		<!--购物车结束-->
		<!--底部-->
		<footer class="bootsm">
			<p>
	    		<a target="_blank" href="">关于我们</a>
	    		|
	    		<a target="_blank" href="">诚聘英才</a>
	    		|
	    		<a target="_blank" href="">服务条款</a>
	    		|
	    		<a target="_blank" href="">廉正举报</a>
	    		|
	    		<a target="_blank" href="">消费者保障</a>
	    		|
	    		<a target="_blank" href="">友情链接</a>
	    		|
	    		<a href="javascript:void()" class="feedback_popup_handler">意见反馈</a>
	    		|
	    		<a href="javascript:void(0)">在线客服</a>
			</p>
			<p>
				<a class="" href="" target="_blank" style="color:#999" rel="nofollow">京ICP证120075号</a>
		    	 京ICP备10051110号-5 
		    	 <a class="" href="" target="_blank" rel="nofollow">京公网安备11010502025623</a>
		    	  食品流通许可证SP1101051510352397 Copyright©2011-2015 版权所有 ZHE800.COM 
			</p>
			<p>
		    	<a class="" href="" target="_blank" rel="nofollow">
		    		<img width="70" height="26" src="./public/Home/img/web_trust.png">
		    		
		    	</a>
		    	<a class="" href="" target="_blank" rel="nofollow">
		    		<img src="./public/Home/img/cert_error.png" width="70" height="26" style="border:0">
		    		
		    	</a>
		    	<a class="" rel="nofollow" target="_blank" href="">
		    		<img width="76" height="28" style="border:0" src="./public/Home/img/credit.png">
		    	</a>
	    	</p>
    	<script type="text/javascript">(function(){document.getElementById('___szfw_logo___').oncontextmenu = function(){return false;}})();</script>
    </footer>
	</body>
	<!--购物车-->
	<script type="text/javascript">
$(document).ready(function () {

	//jquery特效制作复选框全选反选取消(无插件)
	// 全选        
	$(".allselect").click(function () {
		$(".gwc_tb2 input[name=newslist]").each(function () {
			$(this).attr("checked", true);
			// $(this).next().css({ "background-color": "#3366cc", "color": "#ffffff" });
		});
		GetCount();
	});

	//反选
	$("#invert").click(function () {
		$(".gwc_tb2 input[name=newslist]").each(function () {
			if ($(this).attr("checked")) {
				$(this).attr("checked", false);
				//$(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
			} else {
				$(this).attr("checked", true);
				//$(this).next().css({ "background-color": "#3366cc", "color": "#000000" });
			} 
		});
		GetCount();
	});

	//取消
	$("#cancel").click(function () {
		$(".gwc_tb2 input[name=newslist]").each(function () {
			$(this).attr("checked", false);
			// $(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
		});
		GetCount();
	});

	// 所有复选(:checkbox)框点击事件
	$(".gwc_tb2 input[name=newslist]").click(function () {
		if ($(this).attr("checked")) {
			//$(this).next().css({ "background-color": "#3366cc", "color": "#ffffff" });
		} else {
			// $(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
		}
	});

	// 输出
	$(".gwc_tb2 input[name=newslist]").click(function () {
		// $("#total2").html() = GetCount($(this));
		GetCount();
		//alert(conts);
	});
});
//******************
function GetCount() {
	var conts = 0;
	var aa = 0;
	$(".gwc_tb2 input[name=newslist]").each(function () {
		if ($(this).attr("checked")) {
			for (var i = 0; i < $(this).length; i++) {
				conts += parseInt($(this).val());
				aa += 1;
			}
		}
	});
	$("#shuliang").text(aa);
	$("#zong1").html((conts).toFixed(2));
	$("#jz1").css("display", "none");
	$("#jz2").css("display", "block");
}
</script>
</html>